.mx_photo_album {
  width: 100%;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  justify-content:  space-evenly;
}

.mx_photo_album.image {
gap:30px;
} 

/* subalbum */

.mx_photo_album_subalbum {
width: calc(50% - 30px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mx_photo_album_subalbum img {
max-width: 100%;
display: block;
}

.mx_photo_album_subalbum span {
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.8);
  color: #000000;
  width: auto;
  padding: 5px 15px;
  text-transform: uppercase;
  text-align: center;
  outline: solid 1px #FFF;
  transition: all 0.3s ease;
  pointer-events: none;
}

.mx_photo_album_subalbum:hover span {
  outline-offset: 5px;
}

@media screen and (max-width: 700px) {

.mx_photo_album_subalbum {
width: 100%;
}

} /* end mediaquery */

/* images */

.mx_photo_album_image {
outline: solid 1px #F2997B;
border: solid 5px #FFFFFF;
width: calc(25% - 23px);
overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mx_photo_album_image a {

}

.mx_photo_album_image img {
display: block;
  transition: all 0.3s ease;
}

.mx_photo_album_image:hover img {
  opacity: 0.8;
}

.mx_photo_album_image .mx_photo_album_zoom {
position: absolute;
  pointer-events: none;
  background-color: #000;
  color: #FFFFFF;
  width: 36px;
  height: 36px;
text-align: center;
line-height: 38px;
transform: scale(0);
  transition: all 0.5s ease;
}

.mx_photo_album_image:hover .mx_photo_album_zoom {
display: block;
  transform: scale(1);
}

@media screen and (max-width: 1023px) {

.mx_photo_album_image {
width: calc(33.3% - 23px);
}

} /* end mediaquery */

@media screen and (max-width: 700px) {

.mx_photo_album_image {
width: calc(50% - 23px);
}

} /* end mediaquery */